<extend name="Base/common"/>

<block name="style">
    <link href="__CSS__/event.min.css" rel="stylesheet" type="text/css"/>
</block>
<block name="body">
<include file="_nav"/>
<!--导航-->
<div id="main-container" class="container">

    <div class="event_module">
        <include file="_search"/>
        <div class="filter">
                <div class="">
                    <div class="box">
                    <dl>
                        <dt>时段</dt>
                        <dd>
                            <a href="#" rel="all" name="d" class="all on">全部</a>
                            <a href="#" rel="today" name="d" class="sx_child">今天</a>
                            <a href="#" rel="tomorrow" name="d" class="sx_child">明天</a>
                            <a href="#" rel="week" name="d" class="sx_child">本周</a>
                            <a href="#" rel="wkend" name="d" class="sx_child">本周末</a>
                            <a href="#" rel="month" name="d" class="sx_child">本月</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>城市</dt>
                        <dd>
                            <a href="#"  rel="" name="city" class="all on">全部</a>
                            <volist name="city" id="vo">
                                <a href="#"  rel="{$vo.code}" name="city" class="sx_child">{$vo.city}</a>
                            </volist>
                        </dd>
                    </dl>
                    <notempty name="son_type">
                    <dl>
                        <dt>分类</dt>
                        <dd>
                            <a href="#" rel="" name="type" class="all on">全部</a>
                            <volist name="son_type" id="son_type">
                                <a href="#" rel="{$son_type.id}" name="type" class="sx_child">{$son_type.title}</a>
                            </volist>
                        </dd>
                    </dl>
                    </notempty>
                    <dl>
                        <dt>状态</dt>
                        <dd>
                            <a href="#" rel="" name="zt" class="all on">全部</a>
                            <a href="#" rel="enr" name="zt" class="sx_child">报名中</a>
                            <a href="#" rel="ing" name="zt" class="sx_child">进行中</a>
                            <a href="#" rel="end" name="zt" class="sx_child">已结束</a>
                        </dd>
                    </dl>
                    </div>
                </div>
                
            </div>
        <div class="event_list_box row">
        <volist name="contents" id="vo">
            <div class="col-md-3">
                <div class="event_item">
                <div class="img" style="padding: 0">
                    <if condition="time() lt $vo['eTime']">

                        <else/>
                        <div class="event_state">
                            已结束
                        </div>
                    </if>

                    <a href="{:U('Index/detail',array('id'=>$vo['id']))}">
                        <img class="" src="{$vo.cover_id|getThumbImageById=320,240}" />
                    </a>
                </div>
                <div class="content">
                    <div class="start_time">
                        {:date('Y-m-d H:i',$vo['sTime'])}
                    </div>
                    <h3 class="title">
                        <a href="{:U('Index/detail',array('id'=>$vo['id']))}" class="text-more">
                            {$vo.title}
                        </a>
                    </h3>
                    <div class="address text-ellipsis title="{$vo.province}{$vo.city}{$vo.district}{$vo.address}">
                        <i class="icon icon-map-marker"></i> {$vo.province}{$vo.city}{$vo.district}{$vo.address}
                    </div>
                    
                </div>
                </div>
            </div>
        </volist>
        
            <if condition="count($contents) eq 0">
                <div style="font-size:3em;padding:2em 0;color: #ccc;text-align: center">此分类下暂无内容哦。O(∩_∩)O~</div>
            </if>
        </div>
    </div>

    <div>
        <div class="text-center">

            {:getPagination($totalPageCount,20)}
        </div>
    </div>

</div>

</block>

<block name="script">
    <script type="text/javascript" src="__JS__/main.min.js"></script>
    
    <script>
        $(function(){
            new SelectTag({
                child: ".sx_child", //所有筛选范围内的子类
                over: 'on', //选中状态样式名称
                all: ".all" //全部class
            });
        });
    </script>
</block>










